<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Kf9l74ujZL7tSpSG9K0XwrAXwi8zhgXq"></script>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
  <script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
  <title>开元酒店官方网站</title>
</head>
<body>
  <div class="list">
    <div class="p-head"></div>
    <div class="p-content">
      <!-- 历史导航栏 -->
      <div class="history-nav">
        <a href="/">首页</a>
        >
        <a href="JavaScript:">品牌与酒店</a>
      </div>
      <!-- 品牌选择 -->
      <div class="ally-select">
        <img src="http://upload.shands.cn/gw/XGW/1901062223482741-1920-920.jpg">
        <div class="select-list">
          <!-- swiper库 -->
          <div class="swiper-container">
              <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <a href="#" brandName="开元名都"><img src="./image/ally111.png"></a>
                  </div>
                  <div class="swiper-slide">
                    <a href="#" brandName="开元度假村"><img src="./image/ally2.png"></a>
                  </div>
                  <div class="swiper-slide">
                    <a href="#" brandName="开元观堂"><img src="./image/ally3.png"></a>
                  </div>
                  <div class="swiper-slide">
                    <a href="#" brandName="开元芳草地乡村酒店"><img src="./image/ally4.png"></a>
                  </div>
                  <div class="swiper-slide">
                    <a href="#" brandName="开元森泊"><img src="./image/ally5.png"></a>
                  </div>
                  <div class="swiper-slide">
                    <a href="#" brandName="开元大酒店"><img src="./image/ally6.png"></a>
                  </div>
                  <div class="swiper-slide">
                    <a href="#" brandName="开元名庭"><img src="./image/ally7.png"></a>
                  </div>
                  <div class="swiper-slide">
                    <a href="#" brandName="开元·曼居酒店"><img src="./image/ally8.png"></a>
                  </div>
                  <div class="swiper-slide">
                    <a href="#" brandName="开元颐居"><img src="./image/ally9.png"></a>
                  </div>
                  <div class="swiper-slide">
                    <a href="#" brandName="芳草青青房车营地"><img src="./image/ally10.png"></a>
                  </div>
                  <div class="swiper-slide">
                    <a href="#" brandName="开元美途"><img src="./image/ally11.png"></a>
                  </div>
                  <div class="swiper-slide">
                    <a href="#" brandName="阿缇客"><img src="./image/ally12.png"></a>
                  </div>
              </div>
              <!-- 左右按钮 -->
              <div class="swiper-button-prev swiper-button-white"></div>
              <div class="swiper-button-next swiper-button-white"></div>
          </div>
        </div>
      </div>
      <!-- 品牌介绍 -->
      <div class="ally-intro">
        <h2>开元名都</h2>
        <div>触手可及的豪华</div>
        <p>
          开元名都是开元旗下五星级豪华商务酒店品牌，酒店一般坐落于各城市的繁华商务地段，装修豪华，拥有完备的各项会议、餐饮、娱乐设施，满足各类大型高档会议及宴会的需求。开元名都品牌以持之以恒的创新精神，为日新月异的商旅生活，提供尊贵的豪华体验。
        </p>
        <a href="#">酒店加盟</a>
      </div>
      <!-- 酒店列表 -->
      <div class="hotel-list">
        <div class="title">酒店列表</div>
        <!-- 某酒店的基础信息 -->
        <ul class="hotel"></ul>
        <!-- 广告栏 -->
        <div class="adver">
            <a href="#"></a>
        </div>
      </div>
      <!-- 地图展示 -->
      <div id="layerMapWrap" style="width: 100%;height: 100%;"></div>
    </div>
    <div class="p-foot"></div>
  </div>
</body>
</html>